<div id="city-bar2" style=" height: 100%">

</div>
<script type="text/javascript">
    $(function () {
        var params1=6;
        var params2=30;
        var params3=60;
        var params4=null;
        loadbar2(params1,params2,params3,params4);
    })
    function loadbar2(params1,params2,params3,params4){
        $.ajax({
            url: "#springUrl('/network/city/bar3')",
            data: {"batchId": "$!{batchId}","params1":params1,"params2":params2,"params3":params3,"params4":params4},
            type: "POST",
            success: function (text) {
                var d = JSON.parse(text);
                if (d.success && d.data) {
                    var myChart = echarts.init(document.getElementById('city-bar2'), 'macarons');
                    option = {
                        tooltip : {
                            trigger: 'axis',
                            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                            }
                        },
                        legend: {
                            data:['配送', '回收'],
                            x : 'center',
                            y : 'bottom',
                        },
                        grid: {
                            left: '6%',
                            right: '6%',
                            bottom: '10%',
                            top:'4%',
                            containLabel: true
                        },
                        xAxis : [
                            {
                                type : 'value',
                                axisLabel:{
                                    show:true,
                                    textStyle:{
                                        color:"#595959"
                                    }
                                },
                                axisLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                            }
                        ],
                        yAxis : [
                            {
                                type : 'category',
                                data : d.data.x,
                                axisLabel:{
                                    show:true,
                                    textStyle:{
                                        color:"#595959"
                                    }
                                },
                                axisLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                            }
                        ],
                        series : [
                            {
                                name:'配送',
                                type:'bar',
                                stack: '总量',
                                label: {
                                    normal: {
                                        show: true,
                                        position:'insideLeft'
                                    }
                                },
                                data:d.data.s1,
                                itemStyle: {
                                    normal: {
                                        //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                                        color:'#c9eee7',
                                        //以下为是否显示，显示位置和显示格式的设置了
                                    }}
                            },
                            {
                                name:'回收',
                                type:'bar',
                                stack: '总量',
                                label: {
                                    normal: {
                                        show: true,
                                        position:'insideRight'
                                    }
                                },
                                data:d.data.s3,
                                itemStyle: {
                                    normal: {
                                        //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                                        color:'#e7a14c',
                                        //以下为是否显示，显示位置和显示格式的设置了
                                    }}
                            }
                        ]
                    };

                    myChart.setOption(option);
                }
            }
        })
    }
</script>
